/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {TextInput} from 'react-native';
import { Switch, Icon  } from 'antd-mobile-rn';

// project
import {
    Page, Content, Text, Row, Header, Footer, Hand
} from '../../../library'

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class Set extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);
        this.Nav = this.props.navigation;
        
        /**
         * state
         */
		this.state = {
			switch: false
		};
    }
    
    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/
    /**
     * switch按钮发生改变时调用的方法，改变变量的值
     */
    onSwitchChange = (value)=>{
        this.setState({
            switch: value
        })
    }

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {
		return (
			<Page>
				{/* 用户可以对系统进行的设置操作 */}
				<Content my='40' bg='#efeff4'>

                    {/* 是否开启手机开门功能 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>手机开门</Text></Hand>
                        <Hand f='1' x='right'><Switch checked={this.state.switch} onChange={this.onSwitchChange}></Switch></Hand>
                    </Row>

                    {/* 是否开启自动开门功能 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>自动开门</Text></Hand>
                        <Hand f='1' x='right'><Switch checked={this.state.switch} onChange={this.onSwitchChange}></Switch></Hand>
                    </Row>

                    {/* 是否允许开门语音提示 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>允许开门语音提示</Text></Hand>
                        <Hand f='1' x='right'><Switch checked={this.state.switch} onChange={this.onSwitchChange}></Switch></Hand>
                    </Row>

                    {/* 是否接收视频看货功能 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>接收视频看货</Text></Hand>
                        <Hand f='1' x='right'><Switch checked={this.state.switch} onChange={this.onSwitchChange}></Switch></Hand>
                    </Row>

                    {/* 是否开启安全锁车功能 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>安全锁车</Text></Hand>
                        <Hand f='1' x='right'><Switch checked={this.state.switch} onChange={this.onSwitchChange}></Switch></Hand>
                    </Row>

                    {/* 设置语音提示最小间隔 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>语音提示最小间隔</Text></Hand>
                        <Hand f='1' x='right' y='center'>
                            <TextInput underlineColorAndroid="transparent" multiline = {true} style={{ height:20, borderBottomWidth:0 }} value='10' editable={true}></TextInput>
                            <Text>10分钟</Text>
                        </Hand>
                    </Row>

                    {/* 对讲/门铃的入口 */}
                    <Row pa='10' bg='#fff' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>对讲/门铃</Text></Hand>
                        <Hand f='1' x='right'><Icon type='right' size={18} color='#ababab'></Icon></Hand>
                    </Row>

                    {/* 一键开门快捷键设置 */}
                    <Row pa='10' bg='#fff'>
                        <Hand f='1'><Text>一键开门快捷键</Text></Hand>
                        <Hand f='1' x='right'><Icon type='right' size={18} color='#ababab'></Icon></Hand>
                    </Row>

                    {/* 清除缓存的操作 */}
                    <Row bg='#fff' pa='10' mt='16' bb='solid #f0f0f0 1'>
                        <Hand f='1'><Text>清除缓存</Text></Hand>
                        <Hand f='1' x='right'><Text color='#d2d2d2' size='14'>当前缓存3.4M</Text></Hand>
                    </Row>

                    {/* 当前版本 */}
                    <Row bg='#fff' pa='10'>
                        <Hand f='1'><Text>当前版本</Text></Hand>
                        <Hand f='1' x='right'><Text color='#d2d2d2' size='14'>v.4.9.2</Text></Hand>
                    </Row>

                    {/* 注销登录的按钮 */}
                    <Row bg='#fff' x='center' y='center' mt='16' pa='10'>
                        <Text color='#f00'>注销登录</Text>
                    </Row>

				</Content>
				

			</Page>
		);
	}
}
